/*
Registration/Login Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
*/
@charset "utf-8";
body{
   background-image: url(../images/image1.jpg);
}

#fg_membersite legend /* sa user registration ug log in na word,  */
{
   font-family : "Times new roman";
   font-size: 1.9em;
   font-weight:bold;
   color:#333;
}

#fg_membersite_content  /* FOR HOME PAGE background*/
{
   font-size: 2.0em;
   font-weight: bold;
   color: red;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   text-align: center;
   float: left;
   height: 475px;
   width:  100%;
   margin: 0px;
   padding: 5px;
  background-color: transparent;
  background-size: 100% auto;
}

#fg_membersite  /* for login page background*/
{
   font-size: 2.0em;
   font-weight: bold;
   color: white;
   border-radius: 10px;
   text-align: center;
   float: left;
   border: solid 1px;
   height: 500px;
   width:  750px;
   margin: 0px;
   padding: 5px;
   border: 1px solid #270644;
  background-color: black;
  background-size: 100% auto;
}

#fg_membersite label /*sa data requirements*/
{
   font-family : Arial, sans-serif;
   font-size:0.9em;
   font-weight: bold;
}

#fg_membersite input[type="text"],#fg_membersite textarea,
#fg_membersite input[type="password"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;  
  line-height:140%;
  color : #000;
  padding : 3px; 
  border : 5px solid;
  background-color: yellow;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#fg_membersite input[type="text"],
#fg_membersite input[type="password"]
{
  height:18px;
  width:220px;
}

 #fg_membersite #scaptcha
{
  width:60px;
  height:18px;
}

#fg_membersite input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
}

#fg_membersite textarea
{
  height:120px;
  width:310px;
}

#fg_membersite input[type="text"]:focus,
#fg_membersite textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#fg_membersite .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#fg_membersite  fieldset #antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
   
}

#fg_membersite fieldset #antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#fg_membersite .short_explanation /*para ni sa katong word na "Please fill up" sa register*/
{
   font-family : "Broadway";
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#fg_membersite .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_membersite #fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_membersite  #fg_crdiv p
{
    display:none;
}

#fg_membersite_content
{
   text-align: center;
    font-family : Arial, sans-serif;
    font-size: 0.9em;
    line-height: 150%
}

#fg_membersite_content h1 /*sa word na WELCOME*/
{
   text-align: center;
   font-family : "Jokerman";
   font-size: 2.5em;
   font-weight:bold;
   color:yellow;
}

#fg_membersite_content h2 /*sa word na WELCOME sa myhome.php*/
{
   text-align: center;
   font-family : "Jokerman";
   font-size: 2.5em;
   font-weight:bold;
   color:#333;
}

#navigation{
   text-align: center;
}

#images{
   margin-left: 200px;
   width: 245px;
   height: 180px;
}

footer
{
   position:fixed;
   bottom: 10px;
   text-align: center;
   width: 100%;
   color: red;
}